<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="include :: header('员工手机离职')" />
<th:block th:include="include :: bootstrap-table-css" />
</head>
<!-- BEGIN Body -->
<!-- Possible Classes

		* 'header-function-fixed'         - header is in a fixed at all times
		* 'nav-function-fixed'            - left panel is fixed
		* 'nav-function-minify'			  - skew nav to maximize space
		* 'nav-function-hidden'           - roll mouse on edge to reveal
		* 'nav-function-top'              - relocate left pane to top
		* 'mod-main-boxed'                - encapsulates to a container
		* 'nav-mobile-push'               - content pushed on menu reveal
		* 'nav-mobile-no-overlay'         - removes mesh on menu reveal
		* 'nav-mobile-slide-out'          - content overlaps menu
		* 'mod-bigger-font'               - content fonts are bigger for readability
		* 'mod-high-contrast'             - 4.5:1 text contrast ratio
		* 'mod-color-blind'               - color vision deficiency
		* 'mod-pace-custom'               - preloader will be inside content
		* 'mod-clean-page-bg'             - adds more whitespace
		* 'mod-hide-nav-icons'            - invisible navigation icons
		* 'mod-disable-animation'         - disables css based animations
		* 'mod-hide-info-card'            - hides info card from left panel
		* 'mod-lean-subheader'            - distinguished page header
		* 'mod-nav-link'                  - clear breakdown of nav links

		>>> more settings are described inside documentation page >>>
	-->
<style>
	#empleaves  input{
		border:0px;
	}
	.error{
		color:red;
	}
	.swal2-container{
		z-index:10069;
	}
	
</style>
<body class="mod-bg-1 mod-nav-link nav-function-minify">
	<!-- DOC: script to save and load page settings -->
	<script>
		/**
		 *	This script should be placed right after the body tag for fast execution 
		 *	Note: the script is written in pure javascript and does not depend on thirdparty library
		 **/
		'use strict';

		var classHolder = document.getElementsByTagName("BODY")[0],
		/** 
		 * Load from localstorage
		 **/
		themeSettings = (localStorage.getItem('themeSettings')) ? JSON
				.parse(localStorage.getItem('themeSettings')) : {}, themeURL = themeSettings.themeURL
				|| '', themeOptions = themeSettings.themeOptions || '';
		/** 
		 * Load theme options
		 **/
		if (themeSettings.themeOptions) {
			classHolder.className = themeSettings.themeOptions;
			console.log("%c✔ Theme settings loaded", "color: #148f32");
		} else {
			console
					.log(
							"%c✔ Heads up! Theme settings is empty or does not exist, loading default settings...",
							"color: #ed1c24");
		}
		if (themeSettings.themeURL && !document.getElementById('mytheme')) {
			var cssfile = document.createElement('link');
			cssfile.id = 'mytheme';
			cssfile.rel = 'stylesheet';
			cssfile.href = themeURL;
			document.getElementsByTagName('head')[0].appendChild(cssfile);

		} else if (themeSettings.themeURL && document.getElementById('mytheme')) {
			document.getElementById('mytheme').href = themeSettings.themeURL;
		}
		/** 
		 * Save to localstorage 
		 **/
		var saveSettings = function() {
			themeSettings.themeOptions = String(classHolder.className).split(
					/[^\w-]+/).filter(function(item) {
				return /^(nav|header|footer|mod|display)-/i.test(item);
			}).join(' ');
			if (document.getElementById('mytheme')) {
				themeSettings.themeURL = document.getElementById('mytheme')
						.getAttribute("href");
			}
			;
			localStorage
					.setItem('themeSettings', JSON.stringify(themeSettings));
		}
		/** 
		 * Reset settings
		 **/
		var resetSettings = function() {
			localStorage.setItem("themeSettings", "");
		}
	</script>
	<!-- BEGIN Page Wrapper -->
	<div class="page-wrapper" style="margin:0 auto;overflow: auto">
		<div class="page-inner">
			<main id="js-page-content" role="main" class="page-content">
				<div class="subheader">
					<h1 class="subheader-title col-xl-2 col-xs-6"  style="margin:0 auto">
						员工离职交接单
					</h1>
				</div>
				<div class="col-xl-7" style="margin:0 auto;">
					<button
						class="btn buttons-selected btn-success btn-sm mr-1 disabled"
						tabindex="0" aria-controls="dt-basic-example" 
						style="width:100px;height: 30px" onclick="exportData()">
						<span><i class="fal fa-edit mr-1"></i> 导出</span>
					</button>
				</div>
				<!-- <button
					class="btn buttons-selected btn-primary btn-sm mr-1 disabled"
					tabindex="0" aria-controls="dt-basic-example" type="submit"
					style="margin-left: 500px;margin-bottom: 10px;width: 100px;height: 30px" id="saveMessage">
					<span><i class="fal fa-edit mr-1"></i> 保存</span>
				</button> -->
				<div>&nbsp;</div>
				<div class="row" style="margin:0 auto">
					<div class="col-xl-12 col-xs-6 col-md-8">
						<div id="panel-1" class="panel">
							<form th:action="@{/system/empleave/update}"  method="post" enctype="multipart/form-data">
								<div class="card-body" style="margin:0 auto;overflow: auto">
									<div class="form-inline">
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;&nbsp;员工姓名:&nbsp;&nbsp;<input type="text"
											class="form-control" id="name" name="name"
											th:value="${emp.name}" readonly="readonly" /> 
										</label>  &nbsp;&nbsp;
										<label class="form-inline">&nbsp;&nbsp;&nbsp;&nbsp;工号:&nbsp;&nbsp;<input type="text"
											class="form-control" id="job_id" name="job_id"
											th:value="${emp.job_id}" readonly="readonly" />
										</label> 
										
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;&nbsp; 部门: &nbsp;&nbsp;<input type="text"
											class="form-control" id="dept" name="dept"
											th:value="${emp.dept}" /> 
										</label>
										<label class="form-inline" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 岗位: &nbsp;&nbsp;<input type="text"
											class="form-control" id="gangwei" name="gangwei"
											th:value="${emp.gangwei}"/> 
										</label>
									</div>
									<div>&nbsp;</div>
									<div class="form-inline">
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;预计离职时间:&nbsp;&nbsp;&nbsp;
											<input type="text" class="form-control" id="estimatedtime"
											name="estimatedtime" th:value="${empleave.estimatedtime}" 
											readonly="readonly" /> 
										</label> 
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;实际离职时间:&nbsp;&nbsp;&nbsp;
											<input type="text" class="form-control" id="leavetime" placeholder=""
											name="leavetime"
											th:value="${#dates.format(empleave.leavetime,'yyyy-MM-dd')}" />
										</lable>
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;部门经理签字:&nbsp;&nbsp;&nbsp;
											<input type="text" class="form-control" id="deptq"
											name="deptq"
											th:value="${empleave.deptq}" />
										</lable>
										<label class="form-inline" />&nbsp;&nbsp;&nbsp;本年年假调整(天):&nbsp;&nbsp;&nbsp;
											<input type="text" class="form-control" id="review"
											name="review"
											th:value="${empleave.review}" />
										</lable>
									</div>
									
								</div>
								<div>&nbsp;</div>
								<div style="text-align:center"><h3>交接清单</h3></div>
								<div class="form-inline">
									<div>
										<table class="table table-bordered" id="empleaves" style="text-align: center;">
											<tr>
												<th>交接物</th>
												<th>交接/处理时间</th>
												<th>被交接/协助处理部门</th>
												<th>交接人/协助处理人</th>
												<th>部门经理</th>
												<th>备注</th>
											</tr>
											<!-- 1 -->
											<tr>
												<td> 
													<input type="text" name="ywjiao"  th:value="${empleave.ywjiao}"/>
												</td>
												<td>
													<input type="text"  name="ywjiaotime" th:value="${empleave.ywjiaotime}"/>
												</td>
												<td>
													<input type="text" name=ywjiaodept  th:value="${empleave.ywjiaodept}"/>
												</td>
												<td>
													<input type="text" name="ywjiaoren"  th:value="${empleave.ywjiaoren}"/>
												</td>
												<td>
													<input type="text" name="ywjiaodeptqz"  th:value="${empleave.ywjiaodeptqz}"/>
												</td>
												<td>
													<input type="text"	name="ywjiaobeizhu"  th:value="${empleave.ywjiaobeizhu}" />
												</td>
											</tr>
											<!-- 2 -->
											<tr>
												<td> 
													<input type="text" name="gzquntc"  th:value="${empleave.gzquntc}"/>
												</td>
												<td>
													<input type="text" name="gzquntctime"  th:value="${empleave.gzquntctime}"/>
												</td>
												<td>
													<input type="text" name="gzquntcdept"  th:value="${empleave.gzquntcdept}"/>
												</td>
												<td>
													<input type="text" name="gzquntcren"  th:value="${empleave.gzquntcren}"/>
												</td>
												<td>
													<input type="text" name="gzquntcdeptqz"  th:value="${empleave.gzquntcdeptqz}"/>
												</td>
												<td>
													<input type="text" name="gzquntcbeizhu"  th:value="${empleave.gzquntcbeizhu}"/>
												</td>
											</tr>
											<!-- 3 -->
											<tr>
												<td> 
													<input type="text" name="lzyxtzhi" th:value="${empleave.lzyxtzhi}"/>
												</td>
												<td>
													<input type="text" name="lzyxtzhitime" th:value="${empleave.lzyxtzhitime}"/>
												</td>
												<td>
													<input type="text" name="lzyxtzhidept" th:value="${empleave.lzyxtzhidept}"/>
												</td>
												<td>
													<input type="text" name="lzyxzhiren" th:value="${empleave.lzyxtzhiren}"/>
												</td>
												<td>
													<input type="text" name="lzyxzhideptqz" th:value="${empleave.lzyxtzhideptqz}"/>
												</td>
												<td>
													<input type="text" name="lzyxzhibeizhu" th:value="${empleave.lzyxtzhibeizhu}"/>
												</td>
											</tr>
											<!-- 4 -->
											<tr>
												<td> 
													<input type="text" name="jkjjie" th:value="${empleave.jkjjie}"/>
												</td>
												<td>
													<input type="text" name="jkjjietime" th:value="${empleave.jkjjietime}"/>
												</td>
												<td>
													<input type="text" name="jkjjiedept" th:value="${empleave.jkjjiedept}"/>
												</td>
												<td>
													<input type="text" name="jkjjieren" th:value="${empleave.jkjjieren}"/>
												</td>
												<td>
													<input type="text" name="jkjjiedeptqz" th:value="${empleave.jkjjiedeptqz}"/>
												</td>
												<td>
													<input type="text" name="jkjjiebeizhu" th:value="${empleave.jkjjiebeizhu}"/>
												</td>
											</tr>
											<!-- 5 -->
											<tr>
												<td> 
													<input type="text" name="gzzjiaojie" th:value="${empleave.gzzjiaojie}"/>
												</td>
												<td>
													<input type="text" name="gzzjiaojietime" th:value="${empleave.gzzjiaojietime}"/>
												</td>
												<td>
													<input type="text" name="gzzjiaojiedept" th:value="${empleave.gzzjiaojiedept}"/>
												</td>
												<td>
													<input type="text" name="gzzjiaojieren" th:value="${empleave.gzzjiaojieren}"/>
												</td>
												<td>
													<input type="text" name="gzzjiaojiedeptqz" th:value="${empleave.gzzjiaojiedeptqz}"/>
												</td>
												<td>
													<input type="text" name="gzzjiaojiebeizhu" th:value="${empleave.gzzjiaojiebeizhu}"/>
												</td>
											</tr>
											<!-- 6 -->
											<tr>
												<td> 
													<input type="text" name="ygscjiaojie" th:value="${empleave.ygscjiaojie}"/>
												</td>
												<td>
													<input type="text" name="ygscjiaojietime" th:value="${empleave.ygscjiaojietime}"/>
												</td>
												<td>
													<input type="text" name="ygscjiaojiedept" th:value="${empleave.ygscjiaojiedept}"/>
												</td>
												<td>
													<input type="text" name="ygscjiaojieren" th:value="${empleave.ygscjiaojieren}"/>
												</td>
												<td>
													<input type="text" name="ygscjiaojiedeptqz" th:value="${empleave.ygscjiaojiedeptqz}"/>
												</td>
												<td>
													<input type="text" name="ygscjiaojiebeizhu" th:value="${empleave.ygscjiaojiebeizhu}"/>
												</td>
											</tr>
											<!-- 7 -->
											<tr>
												<td> 
													<input type="text" name="kqgb" th:value="${empleave.kqgb}"/>
												</td>
												<td>
													<input type="text" name="kqgbtime" th:value="${empleave.kqgbtime}"/>
												</td>
												<td>
													<input type="text" name="kqgbdept" th:value="${empleave.kqgbdept}"/>
												</td>
												<td>
													<input type="text" name="kqgbren" th:value="${empleave.kqgbren}"/>
												</td>
												<td>
													<input type="text" name="kqgbdeptqz" th:value="${empleave.kqgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="kqgbbeizhu" th:value="${empleave.kqgbbeizhu}"/>
												</td>
											</tr>
											<!-- 8 -->
											<tr>
												<td> 
													<input type="text" name="ddgb" th:value="${empleave.ddgb}"/>
												</td>
												<td>
													<input type="text" name="ddgbtime" th:value="${empleave.ddgbtime}"/>
												</td>
												<td>
													<input type="text" name="ddgbdept" th:value="${empleave.ddgbdept}"/>
												</td>
												<td>
													<input type="text" name="ddgbren" th:value="${empleave.ddgbren}"/>
												</td>
												<td>
													<input type="text" name="ddgbdeptqz" th:value="${empleave.ddgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="ddgbbeizhu" th:value="${empleave.ddgbbeizhu}"/>
												</td>
											</tr>
											<!-- 9 -->
											<tr>
												<td> 
													<input type="text" name="gxgb" th:value="${empleave.gxgb}"/>
												</td>
												<td>
													<input type="text" name="gxgbtime" th:value="${empleave.gxgbtime}"/>
												</td>
												<td>
													<input type="text" name="gxgbdept" th:value="${empleave.gxgbdept}"/>
												</td>
												<td>
													<input type="text" name="gxgbren" th:value="${empleave.gxgbren}"/>
												</td>
												<td>
													<input type="text" name="gxgbdeptqz" th:value="${empleave.gxgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="gxgbbeizhu" th:value="${empleave.gxgbbeizhu}"/>
												</td>
											</tr>
											<!-- 10 -->
											<tr>
												<td> 
													<input type="text" name="yxgb" th:value="${empleave.yxgb}"/>
												</td>
												<td>
													<input type="text" name="yxgbtime" th:value="${empleave.yxgbtime}"/>
												</td>
												<td>
													<input type="text" name="yxgbdept" th:value="${empleave.yxgbdept}"/>
												</td>
												<td>
													<input type="text" name="yxgbren" th:value="${empleave.yxgbren}"/>
												</td>
												<td>
													<input type="text" name="yxgbdeptqz" th:value="${empleave.yxgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="yxgbbeizhu" th:value="${empleave.yxgbbeizhu}"/>
												</td>
											</tr>
											<!-- 11 -->
											<tr>
												<td> 
													<input type="text" name="bxgb" th:value="${empleave.bxgb}"/>
												</td>
												<td>
													<input type="text" name="bxgbtime" th:value="${empleave.bxgbtime}"/>
												</td>
												<td>
													<input type="text" name="bxgbdept" th:value="${empleave.bxgbdept}"/>
												</td>
												<td>
													<input type="text" name="bxgbren" th:value="${empleave.bxgbren}"/>
												</td>
												<td>
													<input type="text" name="bxgbdeptqz" th:value="${empleave.bxgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="bxgbbeizhu" th:value="${empleave.bxgbbeizhu}"/>
												</td>
											</tr>
											<!-- 12 -->
											<tr>
												<td> 
													<input type="text" name="dnzh" th:value="${empleave.dnzh}"/>
												</td>
												<td>
													<input type="text" name="dnzhtime" th:value="${empleave.dnzhtime}"/>
												</td>
												<td>
													<input type="text" name="dnzhdept" th:value="${empleave.dnzhdept}"/>
												</td>
												<td>
													<input type="text" name="dnzhren" th:value="${empleave.dnzhren}"/>
												</td>
												<td>
													<input type="text" name="dnzhdeptqz" th:value="${empleave.dnzhdeptqz}"/>
												</td>
												<td>
													<input type="text" name="dnzhbeizhu" th:value="${empleave.dnzhbeizhu}"/>
												</td>
											</tr>
											<!-- 13 -->
											<tr>
												<td> 
													<input type="text" name="yxgb" th:value="${empleave.yxgb}"/>
												</td>
												<td>
													<input type="text" name="yxgbtime" th:value="${empleave.yxgbtime}"/>
												</td>
												<td>
													<input type="text" name="yxgbdept" th:value="${empleave.yxgbdept}"/>
												</td>
												<td>
													<input type="text" name="yxgbren" th:value="${empleave.yxgbren}"/>
												</td>
												<td>
													<input type="text" name="yxgbdeptqz" th:value="${empleave.yxgbdeptqz}"/>
												</td>
												<td>
													<input type="text" name="yxgbbeizhu" th:value="${empleave.yxgbbeizhu}"/>
												</td>
											</tr>
											<!-- 14 -->
											<tr>
												<td> 
													<input type="text" name="bgyb" th:value="${empleave.bgyb}"/>
												</td>
												<td>
													<input type="text" name="bgybtime" th:value="${empleave.bgybtime}"/>
												</td>
												<td>
													<input type="text" name="bgybdept" th:value="${empleave.bgybdept}"/>
												</td>
												<td>
													<input type="text" name="bgybren" th:value="${empleave.bgybren}"/>
												</td>
												<td>
													<input type="text" name="bgybdeptqz" th:value="${empleave.bgybdeptqz}"/>
												</td>
												<td>
													<input type="text" name="bgybbeizhu"/ th:value="${empleave.bgybbeizhu}">
												</td>
											</tr>
											<!-- 15 -->
											<tr>
												<td> 
													<input type="text" name="ysjiaojie" th:value="${empleave.ysjiaojie}"/>
												</td>
												<td>
													<input type="text" name="ysjiaojietime" th:value="${empleave.ysjiaojietime}"/>
												</td>
												<td>
													<input type="text" name="ysjiaojiedept" th:value="${empleave.ysjiaojiedept}"/>
												</td>
												<td>
													<input type="text" name="ysjiaojieren" th:value="${empleave.ysjiaojieren}"/>
												</td>
												<td>
													<input type="text" name="ysjiaojiedeptqz" th:value="${empleave.ysjiaojiedeptqz}"/>
												</td>
												<td>
													<input type="text" name="ysjiaojiebeizhu" th:value="${empleave.ysjiaojiebeizhu}"/>
												</td>
											</tr>
											<!-- 16 -->
											<tr>
												<td> 
													<input type="text" name="gsquntc" th:value="${empleave.gsquntc}"/>
												</td>
												<td>
													<input type="text" name="gsquntctime" th:value="${empleave.gsquntctime}"/>
												</td>
												<td>
													<input type="text" name="gsquntcdept" th:value="${empleave.gsquntcdept}"/>
												</td>
												<td>
													<input type="text" name="gsquntcren" th:value="${empleave.gsquntcren}"/>
												</td>
												<td>
													<input type="text" name="gsquntcdeptqz" th:value="${empleave.gsquntcdeptqz}"/>
												</td>
												<td>
													<input type="text" name="gsquntcbeizhu" th:value="${empleave.gsquntcbeizhu}"/>
												</td>
											</tr>
											<!-- 17 -->
											<tr>
												<td> 
													<input type="text" name="wbzhjj" th:value="${empleave.wbzhjj}"/>
												</td>
												<td>
													<input type="text" name="wbzhjjtime" th:value="${empleave.wbzhjjtime}"/>
												</td>
												<td>
													<input type="text" name="wbzhjjdept" th:value="${empleave.wbzhjjdept}"/>
												</td>
												<td>
													<input type="text" name="wbzhjjren" th:value="${empleave.wbzhjjren}"/>
												</td>
												<td>
													<input type="text" name="wbzhjjdeptqz" th:value="${empleave.wbzhjjdeptqz}"/>
												</td>
												<td>
													<input type="text" name="wbzhjjbeizhu" th:value="${empleave.wbzhjjbeizhu}"/>
												</td>
											</tr>
											<!-- 18 -->
											<tr>
												<td> 
													<input type="text" name="wbzhzx" th:value="${empleave.wbzhzx}"/>
												</td>
												<td>
													<input type="text" name="wbzhzxtime" th:value="${empleave.wbzhzxtime}"/>
												</td>
												<td>
													<input type="text" name="wbzhzxdept" th:value="${empleave.wbzhzxdept}"/>
												</td>
												<td>
													<input type="text" name="wbzhzxren" th:value="${empleave.wbzhzxren}"/>
												</td>
												<td>
													<input type="text" name="wbzhzxdeptqz" th:value="${empleave.wbzhzxdeptqz}"/>
												</td>
												<td>
													<input type="text" name="wbzhzxbeizhu" th:value="${empleave.wbzhzxbeizhu}"/>
												</td>
											</tr>
											<!-- 19 -->
											<tr>
												<td> 
													<input type="text" name="gzff" th:value="${empleave.gzff}"/>
												</td>
												<td>
													<input type="text" name="gzfftime" th:value="${empleave.gzfftime}"/>
												</td>
												<td>
													<input type="text" name="gzffdept" th:value="${empleave.gzffdept}"/>
												</td>
												<td>
													<input type="text" name="gzffren" th:value="${empleave.gzffren}"/>
												</td>
												<td>
													<input type="text" name="gzffdeptqz" th:value="${empleave.gzffdeptqz}"/>
												</td>
												<td>
													<input type="text" name="gzffbeizhu" th:value="${empleave.gzffbeizhu}"/>
												</td>
											</tr>
											<!-- 20 -->
											<tr>
												<td> 
													<input type="text" name="ldsc" th:value="${empleave.ldsc}"/>
												</td>
												<td>
													<input type="text" name="ldsctime" th:value="${empleave.ldsctime}"/>
												</td>
												<td>
													<input type="text" name="ldscdept" th:value="${empleave.ldscdept}"/>
												</td>
												<td>
													<input type="text" name="ldscren" th:value="${empleave.ldscren}"/>
												</td>
												<td>
													<input type="text" name="ldscdeptqz" th:value="${empleave.ldscdeptqz}"/>
												</td>
												<td>
													<input type="text" name="ldscbeizhu" th:value="${empleave.ldscbeizhu}"/>
												</td>
											</tr>
											<!-- 21 -->
											<tr>
												<td> 
													<input type="text" name="tgd" th:value="${empleave.tgd}"/>
												</td>
												<td>
													<input type="text" name="tgdtime" th:value="${empleave.tgdtime}"/>
												</td>
												<td>
													<input type="text" name="tgddept" th:value="${empleave.tgddept}"/>
												</td>
												<td>
													<input type="text" name="tgdren" th:value="${empleave.tgdren}"/>
												</td>
												<td>
													<input type="text" name="tgddeptqz" th:value="${empleave.tgddeptqz}"/>
												</td>
												<td>
													<input type="text" name="tgdbeizhu" th:value="${empleave.tgdbeizhu}"/>
												</td>
											</tr>
											<!-- 22 -->
											<tr>
												<td> 
													<input type="text" name="zlbf" th:value="${empleave.zlbf}"/>
												</td>
												<td>
													<input type="text" name="zlbftime" th:value="${empleave.zlbftime}"/>
												</td>
												<td>
													<input type="text" name="zlbfdept" th:value="${empleave.zlbfdept}"/>
												</td>
												<td>
													<input type="text" name="zlbfren" th:value="${empleave.zlbfren}"/>
												</td>
												<td>
													<input type="text" name="zlbfdeptqz" th:value="${empleave.zlbfdeptqz}"/>
												</td>
												<td>
													<input type="text" name="zlbfbeizhu" th:value="${empleave.zlbfbeizhu}"/>
												</td>
											</tr>
										</table>
									</div>	
								</div>	
							</form>
						</div>
						<div>
							<p> 注:</p>
							<p>1． 行政部收到员工辞职单后完成表头填写，并将本文件交离职员工所在部门经理落实离职交接手续。</p>	 
							<p>2． 本文件交还行政部日期不得晚于员工实际离职日。</p>	  
							<p>3． 被交接人栏：必须签字。</p>	   
							<p>4． 部门经理栏：由被交接人或协助处理人所在部门经理签字。</p>	  
							<p>5． 业务文件交接包括：业务单证、业务流程文件、客户和供应商联系方式等所有和业务有关的文件和信息。</p>	  
							<p>6． 资料备份：可滞后，如未交接不影响员工离职。</p>	  
							<p>7． 如需交接其他物品可另行添加。</p>	  
							<p>8． 如无相关交接物，可在备注栏填写无。</p>	  
							<p>9． 如交接物有多项或多人交接，需分列输入。</p>	  
						</div>
					</div>
				</div>
			</div>
		</main>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: bootstrap-table-js" />
	
	<script th:inline="javascript">var loginName = [[common]]</script>
	<script>
		$(function() {
			if(loginName!="admin"){
				getRemind();
				self.setInterval("getRemind()", 1000 * 10);
			}
			
		})
		
		 //导出   导出的值为table的text文本值
		function exportData() {
			$('#empleaves').tableExport({
				type : 'excel',
				exportDataType : "all",
				 /* ignoreColumn : [ 0 ], //忽略某一列的索引  */
				fileName : '员工离职交接单', //下载文件名称
				onCellHtmlData : function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
					console.info(data);
					return data;
				},
			});
		}
		
		/*function exportData(){
	        $('#empleaves').tableExport({
	            type: 'excel',
	            escape: "false",
	            exportDataType: "all",
	            ignoreColumn: [46],//忽略某些列的索引 
	            fileName: '员工离职单',//下载文件名称
	            mso: {
					fileFormat: 'xlshtml',
					onMsoNumberFormat: doOnMsoNumberFormat,//格式化列
					pageFormat: 'a4',
					pageOrientation: 'portrait',
					rtl: false,
					styles: [],
					worksheetName: '员工离职单',
					 xslx: {
						formatId: {
							date: 14,
							numbers: 2
						}
					} 
				},
				onCellHtmlData: function(cell, row, col, data) { //处理导出内容,自定义某一行、某一列、某个单元格的内容
					return data;
				},  
	        });
	    }*/
		//获取我的提醒
		function getRemind() {
			$.ajax({
				url : ctx + 'system/remind/getRemindListNoPaging',//地址
				success : function(data, status) {
					//alert(data);
					if(status=='success'){
						
						$("#remindList").empty();
						if(data.length>0){
							$("#remindTotal_1").text(data.length);
							$("#remindTotal_2").text(data.length);
						}else if(data.length==0){
							$("#remindTotal_1").text('');
							$("#remindTotal_2").text('');
						}
						for (var i = 0; i < data.length; i++) {
							var obj = data[i];
							var offset = transDate(obj.remindDate)
							var url = ctx+"system/remind?id="+obj.id;
							$("#remindList").append(
									"<li class=\"unread\"><a href="+url+" class=\"d-flex align-items-center\"> <span class=\"d-flex flex-column flex-1 ml-1\"> <span class=\"name\">"+obj.formName+"</span> <span class=\"msg-a fs-sm\">"+obj.remindContent+"</span> <span class=\"fs-nano text-muted mt-1\">"+offset+"</span></span></a></li>");
						}
					}
				}
			})
		}
		
		// 计算耗时
		function transDate(todoTime) {
			date = new Date(todoTime);
			var tt = date;
			var days = parseInt((new Date().getTime() - date) / 86400000);
			var today = new Date().getDate();
			var year = tt.getFullYear();
			var mouth = tt.getMonth() + 1;
			var day = tt.getDate();
			var time = tt.getHours() < 10 ? "0" + tt.getHours() : tt.getHours();
			var min = tt.getMinutes() < 10 ? "0" + tt.getMinutes() : tt.getMinutes();
			var result, offset;
			offset = Math.abs(today - day);
			if (days < 4 && offset < 4) {
				if (offset === 0) {
					result = "今天" + time + ":" + min;
				} else if (offset === 1) {
					result = "昨天" + time + ":" + min;
				} else if (offset === 2) {
					result = "前天" + time + ":" + min;
				} else if (offset === 3) {
					result = "3天前" + time + ":" + min;
				}
			} else {
				// result = year + "-" + mouth + "-" + day + " " + time + ":" + min;
				result = "3天以前";
			}
			return result;
		}
	</script>
</body>
<!-- END Body -->
</html>
